@font-face {
	font-family: 'SylexiadSansThin';
	src: url('SylexiadSansThin.ttf') format('opentype'),
       url('SylexiadSansThin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'SylexiadSansThin-Italic';
	src: url('SylexiadSansThin-Italic.ttf') format('opentype'),
       url('SylexiadSansThin-Italic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'SylexiadSansThin-Bold';
	src: url('SylexiadSansThin-Bold.ttf') format('opentype'),
       url('SylexiadSansThin-Bold.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'SylexiadSansThin-BoldItalic';
	src: url('SylexiadSansThin-BoldItalic.ttf') format('opentype'),
       url('SylexiadSansThin-BoldItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

.sample-css-class {
  font-family: 'SylexiadSansThin', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-style: normal;
}

.sample-css-class-for-an-italic {
  font-family: 'SylexiadSansThin-Italic', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-style: italic;
}